import time

import panel as pn
import param


class ButtonClick(pn.viewable.Viewer):
    def __init__(self, **params):
        self.button = pn.widgets.Button(name="Click")
        super().__init__(**params)
        if pn.state.location:
            pn.state.location.sync(self.button, {"clicks": "clicks"})

    @param.depends("button.clicks")
    def _update_button_click(self):

        time.sleep(0.3)  # Just to give time to show it

        return pn.pane.Markdown(f"# {self.button.clicks}")

    def __panel__(self):
        return pn.Column(self.button, self._update_button_click)


if __name__ == "__main__":
    app = ButtonClick()
    app.show(port=5007)
elif __name__.startswith("bokeh"):
    app = ButtonClick()
    app.servable()

import time

import panel as pn
import param


class ButtonClick(pn.viewable.Viewer):
    def __init__(self, **params):
        self.button1 = pn.widgets.Button(name="Click")
        self.button2 = pn.widgets.Button(name="Click")
        self.button3 = pn.widgets.Button(name="Click")
        super().__init__(**params)
        if pn.state.location:
            pn.state.location.sync(self.button1, {"clicks": "button1"})
            pn.state.location.sync(self.button2, {"clicks": "button2"})
            pn.state.location.sync(self.button3, {"clicks": "button3"})

    @param.depends("button1.clicks", "button2.clicks","button3.clicks")
    def _update_button_click(self):

        time.sleep(0.3)  # Just to give time to show it
        return pn.Column(
            pn.pane.Markdown(f"# {self.button1.clicks}"),
            pn.pane.Markdown(f"# {self.button2.clicks}"),
            pn.pane.Markdown(f"# {self.button3.clicks}"),
        )

    def __panel__(self):
        return pn.Column(self.button1, self.button2, self.button3, self._update_button_click)


if __name__ == "__main__":
    app = ButtonClick()
    app.show(port=5007)
elif __name__.startswith("bokeh"):
    app = ButtonClick()
    app.servable()